import React, { Component } from 'react';
import styled from 'styled-components';

const Wrapper = styled.div`
    /* 应用于Wrapper组件本身和Wrapper组件里的所有html标签 */
    	color: black;

    /* 应用于Wrapper组件里的h3标签 */
    h3 {
    	color: red
    }

    /* 应用于Wrapper组件里的className为blue的html标签 */
    .blue {
    	color: blue
    }
  `

class Theme extends Component {
    render() {
        return (
            <Wrapper>
                <p>黑色 p 标签 </p>
                <h3>红色 h3 标签</h3> 
                <p className="blue" >蓝色 p 标签</p>
            </Wrapper>
        );
    }
}

export default Theme;